<template>
  <!-- <view class="notification-badge" v-if="unreadCount > 0">
    <text class="badge-text">{{ unreadCount }}</text>
  </view> -->
</template>

<script>
// import { ref, onMounted, onUnmounted } from 'vue';

// export default {
//   setup() {
//     const unreadCount = ref(0);

//     onMounted(() => {
//       // 监听WebSocket消息
//       uni.onSocketMessage((res) => {
//         try {
//           console.log('NotificationChecker收到消息:', res);
//           unreadCount.value++;
//         } catch (error) {
//           console.error('处理消息失败:', error);
//         }
//       });
//     });

//     onUnmounted(() => {
//       // 清理工作
//       unreadCount.value = 0;
//     });

//     return {
//       unreadCount
//     };
//   }
// }
</script>

<style scoped>
.notification-badge {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #ff4d4f;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.badge-text {
  font-size: 12px;
  font-weight: bold;
}
</style> 